<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title th:text="${wbeParameter.name}">网站后台管理系统 </title>
    <link rel="icon" href="/resource/hospital.png"/>
    <link rel="shortcut icon" href="/resource/hospital.png"/>
    <link rel="stylesheet" href="/resource/css/normalize.css" type="text/css"/>
    <link rel="stylesheet" href="/resource/css/index.css" type="text/css"/>
    <script language="javascript" type="text/javascript" src="/resource/js/Kunyilibrary.js"></script>
</head>
<body>
<style>
    .office-content {
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav .quickMenus li.first {
    !important;
    }
</style>
<header class="header" th:replace="proscenium/public :: header"></header>
<nav>
    <div class="navBase">
        <div class="quickMenuBase" data-type="1">
            <div class="quickMenu01">快捷菜单</div>
            <div class="quickMenu02 animated"></div>
            <div class="quickMenus">
                <ul class="firstUl">
                    <li class="first" style=" height: 107px">
                        <a href="/appointmentReg" class="firstA">
                            <em>预约挂号</em><i class="style02"></i><span></span>
                        </a>
                    </li>
                    <li class="first" style=" height: 107px"><a href="/allDoctorPage" class="firstA"><em>医生介绍</em><i
                            class="style04"></i><span></span></a>
                    </li>
                    <li class="first" style=" height: 107px"><a href="Office-9.html" class="firstA"><em>新闻公告</em><i
                            class="style06"></i><span></span></a>
                        <div class="QMSub QMSubMenus">
                            <ul>
                                <li><a href="/noticePage" title="最新公告">最新公告<span>进入</span></a></li>
                                <li><a href="/articlePage?type=新闻动态" title="新闻动态">新闻动态<span>进入</span></a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                    </li>
                    <li class="first last" style=" height: 107px"><a href="/opinionsPage" class="firstA"><em>在线留言</em><i
                            class="style07"></i><span></span></a></li>
                </ul>
            </div>
        </div>
        <div class="nav Inav">
            <ul>
                <li class="PMenu"><a href="/diplomaProject" class="PAMenu">首页</a></li>
                <li class="PMenu"><a href="/articlePage" class="PAMenu">新闻公告</a></li>
                <li class="PMenu"><a href="/allDoctorPage" class="PAMenu">医生介绍</a></li>
                <li class="PMenu"><a href="/visitPage" class="PAMenu">出诊安排</a></li>
                <li class="PMenu"><a href="/appointmentReg" class="PAMenu">预约挂号</a></li>
            </ul>
        </div>
    </div>
</nav>


<section class="bannerBase BaseMark">
    <div class="Banners">
        <ul class="AnimUl">
            <li><a><img src="/resource/images/073f6bf8ac764e4bc7c770132907f3c1.jpeg"/></a></li>

        </ul>
        <div class="tools">
            <a class="prev">
                <img alt="上一幅" src="/resource/images/btn_prev01.png" width="34" height="34"/>
            </a>
            <a class="next">
                <img alt="下一幅" src="/resource/images/btn_next01.png" width="34" height="34"/>
            </a>
            <div class="text" id="BannerInfo"></div>
            <ul class="ulMark">
                <li class="animated"></li>
                <li class="animated"></li>
            </ul>
            <div class="clear"></div>
            <div id="BannerSwitch" class="animated" data-type="0" data-right="0">
                <img src="/resource/images/ico_027.png" width="5" height="7" class="animated"><span>隐藏</span>
            </div>
        </div>
    </div>
</section>


<section class="doctorsBase BaseMark">
    <div class="toolsBase">
        <div class="title"><em>医生介绍</em> <span>Expert Introduction</span></div>
        <div class="tools">
            <a href="/allDoctorPage" class="Amore">更多 >></a>
            <a href="javascript:;" class="Aprev"></a>
            <a href="javascript:;" class="Anext"></a>
        </div>
        <div class="clear"></div>
    </div>
    <div class="contents">
        <ul data-num="0">
            <li th:each="doctor:${doctorList}">
                <a class="img">
                    <img th:src="${doctor.imgUrl}" width="120" height="162"/>
                </a>
                <a class="name" th:text="${doctor.realName}">姓名</a>

                <a class="post" th:text="${doctor.title}">主任医师 研究生导师</a>
                <a th:href="${'/doctorDetailsPage?id='+doctor.id}" class="btn more">详细</a>
                <a th:href="${'/appointmentReg?doctorId='+doctor.id}" class="btn date">预约</a>
            </li>
            <div class="hackR"></div>
            <div class="hackL"></div>
        </ul>
    </div>
</section>

<div class="BottomHidden"></div>
<footer th:replace="proscenium/public :: footer"></footer>

<script language="javascript" type="text/javascript" src="/resource/js/Kunyi.Common.js"></script>
<script language="javascript" type="text/javascript" src="/resource/js/Kunyi.Index.js"></script>
</body>
</html>